<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
    </div>
  </div>
</div>
<link rel="stylesheet" href="//at.alicdn.com/t/font_1473419621_481219.css" />
 <link rel="stylesheet" type="text/css" href="__STATIC__/itaoke/mobile/css/index.css" />
    <div class="header_content am-padding-vertical-xs">
        <div class="am-g">
            <div class="am-u-sm-2">
                <a class="am-inline-block fq-text-sm am-fl">   
				<a href="{:C('itk_wap_url')}"><img class="header_img am-block" src="{:C('itk_site_wxlogo')}" style="position:relative; top:1px; width: 28px;height:28px"></a> 
                </a>
            </div>  
            <div class="am-u-sm-8 am-padding-0">
                 <form action="{:C('itk_wap_url')}"  class="am-form header-form  am-text-sm" id="search">  
				 	<input type="hidden" name="m" value="Wap">
 					<input type="hidden" name="c" value="Index">
				    <input type="hidden" name="a" value="index">
					<input id="key" name="k" type="text" class="fq-text am-radius am-padding-horizontal-xs fq-text-white" placeholder="输入关键词搜索"  value="">
					<i class="am-icon-search am-vertical-align-middle fq-text-sm" onclick="search();"></i>
                 </form> 
            </div>
          
            <div class="am-u-sm-2">
                <div class="am-inline-block  fq-text-sm am-fr" data-am-modal="{target:'#qrcode_large'}">
                    <img src="__STATIC__/itaoke/mobile/images/index_image/qr_code.png" class="am-block" style="width: 30px; height:30px" />
                </div>
            </div>
        </div>
    </div>
    <div class="main">
     <script type="text/javascript" src="//at.alicdn.com/t/font_5vjtf6axci60f6r.js"></script>
	<link rel="stylesheet" href="//at.alicdn.com/t/font_f5cc03rvbekrcnmi.css">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_musrna5217om9529.css">
<style type="text/css">
    .icon {
       width: 40px; 
	   height: 40px;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
	
	.fq-newtype {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    border-left: .1rem solid #f3e7e3;
    border-right: .1rem solid #f3e7e3;
}

    .fq-newtype ul li {
        background: white;
        width: 25%;
        border-top: .1rem solid #f3e7e3;
        border-left: .1rem solid #f3e7e3;
    }
	
	.fq-newtype ul li a, 
	.fq-newtype ul li a:hover, 
	.fq-newtype ul li a:focus {
        color: #8f8f8f;
    }
    
    /*自定义推荐模块*/

.fq-recommend li {
    background:#faf5f5;
    height:60px;
	width:-webkit-calc(50% - 6.2px);
    width:calc(50% - 6.2px);
	margin-right:6.2px;
}

.fq-recommend li img{
	width:60px;
	height:60px;
	
}

.fq-recommend li a,
.fq-recommend li a:visited,
.fq-recommend li a:focus,
.fq-recommend li a:hover,
.fq-recommend li a:active{
	width:100%;
	color:#3d0505;
}

/*自定义推荐模块*/
</style>
        <nav class="am-padding-top-xs fq-background-white">
            <ul class="am-avg-sm-4">
                <li class="am-text-center column_list">
                    <a class="am-block <if condition="$nav_curr eq 'index'">active</if>" href="{:C('itk_wap_url')}">
                    <i class="icon-xinnew iconfont" style="font-size:40px; color:#0ECD5E"></i>
                    <span class="am-text-sm am-block">最新推荐</span>
                    </a>
                </li>

                <li class="am-text-center column_list">
                    <a class="am-block <if condition="$nav_curr eq 'jiu'">active</if>" href="{:U('Index/index',array('price'=>10))}" >
                    <i class="icon-xinmiaosha iconfont" style="font-size:40px; color:#FF5656"></i>
                    <span class="am-text-sm am-block ">9.9包邮</span>
                    </a>
                </li>

                <li class="am-text-center column_list">
                    <a class="am-block <if condition="$nav_curr eq 'hot'">active</if>" href="{:U('Index/index',array('sort'=>'hot'))}">
                    <i class="icon-xinpaihang iconfont" style="font-size:40px; color:#FB874E"></i>
                    <span class="am-text-sm am-block">销量总排行</span>
                    </a>
                </li>
            
                <li class="am-text-center">
                    <a class="am-block fq-classify <if condition="$cid neq 0 ">active</if>" id="all_list" href="javascript:void(0)">
                    <i class="icon-xinquanbu iconfont" style="font-size:40px; color:#D061DE"></i>
                    <span class="am-text-sm am-block">全部分类</span>
                    </a>
                </li>
            </ul>				
        </nav>
        <div class="fq-type">  
            <ul class="am-avg-sm-4 am-text-center am-text-sm">
			<volist name="cate_data" id="bcate">
				<li class="am-padding-vertical-xs "><a href="{:U('index/index', array('cid'=>$bcate['id']))}" title="{$bcate.name}">{$bcate.name}</a></li>
			</volist>
            </ul>
        </div>